<%--
  Created by IntelliJ IDEA.
  User: JMS
  Date: 2020/12/21
  Time: 16:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!-- Product-->
<!-- Product--><!DOCTYPE html >
<html class="wide wow-animation" lang="en">
<head>
    <!-- Site Title-->
    <title>用户主页</title>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta charset="utf-8"/>
    <!-- Stylesheets-->
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,400;0,500;0,700;0,900;1,400&amp;display=swap"/>
    <link rel="stylesheet" href="../../static/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../../static/css/style1.css"/>
    <!--[if lt IE 10]>
    <div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="../../static/images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."/></a></div>
    <script src="js/html5shiv.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- Page-->
<div class="page">
    <div id="page-loader">
        <div class="cssload-container">
            <div class="cssload-speeding-wheel"> </div>
        </div>
    </div>
    <header class="page-header">
        <!-- RD Navbar-->
        <div class="rd-navbar-wrap">
            <nav class="rd-navbar" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-sm-device-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-device-layout="rd-navbar-fixed" data-xl-device-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-lg-layout="rd-navbar-static" data-xl-layout="rd-navbar-static" data-xxl-layout="rd-navbar-static" data-stick-up-clone="false" data-sm-stick-up="true" data-md-stick-up="true" data-lg-stick-up="true" data-md-stick-up-offset="150px" data-lg-stick-up-offset="50px">
                <!-- RD Navbar Top Panel-->

                <div class="rd-navbar-inner">
                    <!-- RD Navbar Panel-->
                    <div class="rd-navbar-panel">
                        <button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
                        <!-- RD Navbar Brand-->
                        <div class="rd-navbar-brand"> <a class="brand__name" href="../../pages/user/userIndex.jsp">
                            <!-- Logo--><img class="logo-image-default" src="../../static/images/logo-default-374x103.png" alt="Estancy" width="187" height="51"/><img class="logo-image-inverse" src="../../static/images/logo-inverse-374x103.png" alt="Estancy" width="187" height="51"/></a></div>
                    </div>
                    <!-- RD Navbar Nav-->
                    <div class="rd-navbar-nav-wrap">
                        <div class="rd-navbar-nav-wrap__element"> <a class="button button-primary" href="../../pages/user/personalCenter.jsp">个人中心</a></div>
                        <ul class="rd-navbar-nav">
                            <li class="active"><a href="../../pages/user/userIndex.jsp">主页</a>
                            </li>
                            <li><a href="../../pages/user/Public_weekly.jsp">公共周刊</a>
                            </li>
                            <li><a href="#">关于我们</a>
                            </li>
                            <li><a href="../../pages/user/Party_building_activities.jsp">党建活动</a>
                            </li>
                            <li><a href="../../pages/user/Rental_center.jsp">功能中心</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </header>
    <!-- Swiper-->
    <section class="swiper-form-wrap">
        <div class="swiper-container swiper-slider swiper-slider_fullheight" data-simulate-touch="false" data-loop="true" data-autoplay="5500">
            <div class="swiper-wrapper">
                <div class="swiper-slide bg-gray-darker text-center" data-slide-bg="../../static/images/slider-slide-1.jpg">
                    <div class="swiper-slide-caption">
                        <div class="container">
                            <div class="row justify-content-lg-center">
                                <div class="col-lg-10 col-xl-7">
                                    <h6 data-caption-animate="fadeInUpSmall" data-caption-delay="0">我们提供许多</h6>
                                    <h1 data-caption-animate="fadeInUpSmall" data-caption-delay="100">廉价且舒适</h1>
                                    <p class="swiper-caption-text" data-caption-animate="fadeInUpSmall" data-caption-delay="200">我们出售的每一处房产都有许多便利设施，只会增加您的舒适，营造良好的氛围。</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide bg-gray-darker text-center" data-slide-bg="../../static/images/slider-slide-2.jpg">
                    <div class="swiper-slide-caption">
                        <div class="container">
                            <div class="row justify-content-lg-center">
                                <div class="col-lg-10 col-xl-7">
                                    <h6 data-caption-animate="fadeInUpSmall" data-caption-delay="0">各种各样的</h6>
                                    <h1 data-caption-animate="fadeInUpSmall" data-caption-delay="100">新样式</h1>
                                    <p class="swiper-caption-text" data-caption-animate="fadeInUpSmall" data-caption-delay="200"> 我们每天都会更新我们的物业目录，以帮助您找到您梦想中的房子。</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide bg-gray-darker text-center" data-slide-bg="../../static/images/slider-slide-3.jpg">
                    <div class="swiper-slide-caption">
                        <div class="container">
                            <div class="row justify-content-lg-center">
                                <div class="col-lg-10 col-xl-7">
                                    <h6 data-caption-animate="fadeInUpSmall" data-caption-delay="0">我们是一个团队</h6>
                                    <h1 data-caption-animate="fadeInUpSmall" data-caption-delay="100">合格的代理</h1>
                                    <p class="swiper-caption-text" data-caption-animate="fadeInUpSmall" data-caption-delay="200">我们聘请高素质的管理人员和维修人员，他们随时准备帮助您，让你有一个更舒适的环境</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Swiper Pagination-->
            <div class="swiper-pagination"> </div>
        </div>
        <div class="container section-form">
            <div class="section-form__inner">
                <div class="section-form__content">
                    <!-- RD Mailform-->

                </div>
            </div>
        </div>
    </section>
    <!-- Plenty of room...-->
    <section class="section-lg bg-default text-center">
        <div class="container">
            <div class="row justify-content-lg-center">
                <div class="col-lg-10 col-xl-8">
                    <h4>楼栋预览（点击楼名可快速入住）</h4>
                </div>
            </div>
            <div class="row row-30">
                <div class="col-sm-6 col-lg-4">
                    <!-- Post-->
                    <article class="product">
                        <div class="product-media"><img class="product-img"  src="../../static/images/xiaoqu1.jpg" alt="" width="370" height="290"/>
                            <div class="product-price">￥2000/月</div>
                        </div>
                        <div class="product-body">
                            <div class="product-title">
                                <h5><a href="../../pages/user/apply.jsp?building=<%=1%>">楼名：华融小区一栋</a></h5><!--此处链接到住宿申请表-->
                            </div>
                            <div class="product-meta">
                                <div class="group"><span>特点：风景独好</span><span>楼栋附近绿荫环绕，风景优美，适合养生</span>
                                </div>
                            </div>
                        </div>
                    </article>
                </div>
                <div class="col-sm-6 col-lg-4">
                    <!-- Post-->
                    <article class="product">
                        <div class="product-media"><img class="product-img" src="../../static/images/xiaoqu2.jpg">
                            <div class="product-price">￥1500/月</div>
                        </div>
                        <div class="product-body">
                            <div class="product-title">
                                <h5><a href="../../pages/user/apply.jsp?building=<%=2%>">楼名：华融小区二栋</a></h5><!--此处链接到住宿申请表-->
                            </div>
                            <div class="product-meta">
                                <div class="group"><span>特点：朝阳</span><span>坐北朝南，冬暖夏凉</span>
                                </div>
                            </div>
                        </div>
                    </article>
                </div>
                <div class="col-sm-6 col-lg-4">
                    <!-- Post-->
                    <article class="product">
                        <div class="product-media"><img class="product-img" src="../../static/images/xiaoqu3.jpg" alt="" width="370" height="290"/>
                            <div class="product-price">$3000/月</div>
                        </div>
                        <div class="product-body">
                            <div class="product-title">
                                <h5><a href="../../pages/user/apply.jsp?building=<%=3%>">楼名：华融小区三栋</a></h5><!--此处链接到住宿申请表-->
                            </div>
                            <div class="product-meta">
                                <div class="group"><span>特点：别墅型构造</span><span>楼栋附近有小池、凉亭，还有露天阳台，舒适度极佳</span>
                                </div>
                            </div>
                        </div>
                    </article>
                </div>
                <div class="col-sm-6 col-lg-4">
                    <!-- Post-->
                    <article class="product">
                        <div class="product-media"><img class="product-img" src="../../static/images/xiaoqu4.jpg" alt="" width="370" height="290"/>
                            <div class="product-price">￥1000/月</div>
                        </div>
                        <div class="product-body">
                            <div class="product-title">
                                <h5><a href="../../pages/user/apply.jsp?building=<%=4%>">楼名：华融小区四栋</a></h5><!--此处链接到住宿申请表-->
                            </div>
                            <div class="product-meta">
                                <div class="group"><span>特点：价格实惠</span><span>距离公里远，远离喧嚣，工作学习必备场所</span>
                                </div>
                            </div>
                        </div>
                    </article>
                </div>
                <div class="col-sm-6 col-lg-4">
                    <!-- Post-->
                    <article class="product">
                        <div class="product-media"><img class="product-img" src="../../static/images/xiaoqu5.jpg" alt="" width="370" height="290"/>
                            <div class="product-price">￥1400/月</div>
                        </div>
                        <div class="product-body">
                            <div class="product-title">
                                <h5><a href="../../pages/user/apply.jsp?building=<%=5%>">楼名：华融小区五栋</a></h5><!--此处链接到住宿申请表-->
                            </div>
                            <div class="product-meta">
                                <div class="group"><span>特点：楼层低，人员少</span><span>本栋楼层不高，人员较少，喜欢宁静的人可选择此处</span>
                                </div>
                            </div>
                        </div>
                    </article>
                </div>
                <div class="col-sm-6 col-lg-4">
                    <!-- Post-->
                    <article class="product">
                        <div class="product-media"><img class="product-img" src="../../static/images/xiaoqu6.jpg" alt="" width="370" height="290"/>
                            <div class="product-price">$2000/月</div>
                        </div>
                        <div class="product-body">
                            <div class="product-title">
                                <h5><a href="../../pages/user/apply.jsp?building=<%=6%>">楼名：华融小区六栋</a></h5><!--此处链接到住宿申请表-->
                            </div>
                            <div class="product-meta">
                                <div class="group"><span>特点：天台风景优美</span><span>住宿环境舒适，天台能看见海，常有海风拂面</span>
                                </div>
                            </div>
                        </div>
                    </article>
                </div>
            </div>
        </div>
    </section>

    <section class="section-md bg-100 text-center">
        <div class="container">
            <h6>为什么选择我们</h6>
            <h4>选择"啊，就这"的6个理由</h4>
            <p><span style="display:inline-block;max-width:850px">每年，成千上万的房东选择"啊，就这"来管理他们的租住。除了在管理房屋出租有多年的经验外，许多房地产商，建筑商也都选择我们帮助管理员工的住宿方面。这只是其中的一部分。</span></p>
            <div class="row row-30 row-xl-50 row-xxl-80 justify-content-md-center">
                <div class="col-sm-6 col-md-4">
                    <!-- Box icon-->
                    <article class="blurb blurb-rounded">
                        <div class="blurb-rounded__icon icon custom-font-broker"></div>
                        <h6 class="blurb-rounded__title">专业 &amp; 友好的代理</h6>
                        <p class="blurb-rounded__text">我们的代理人有经验和理解，提供新的、有效的解决方案的专家。</p>
                    </article>
                </div>
                <div class="col-sm-6 col-md-4">
                    <!-- Box icon-->
                    <article class="blurb blurb-rounded">
                        <div class="blurb-rounded__icon icon custom-font-location"></div>
                        <h6 class="blurb-rounded__title">任何地方都能满足</h6>
                        <p class="blurb-rounded__text">使用我们系统，您可以搜索所需的属性，定位到你需要的任何位置</p>
                    </article>
                </div>
                <div class="col-sm-6 col-md-4">
                    <!-- Box icon-->
                    <article class="blurb blurb-rounded">
                        <div class="blurb-rounded__icon icon custom-font-bedroom"></div>
                        <h6 class="blurb-rounded__title">家具齐全</h6>
                        <p class="blurb-rounded__text">凡是家具有任何问题，都可以通过报事报修，我们将快速解决您的问题</p>
                    </article>
                </div>
                <div class="col-sm-6 col-md-4">
                    <!-- Box icon-->
                    <article class="blurb blurb-rounded">
                        <div class="blurb-rounded__icon icon custom-font-customer-support"></div>
                        <h6 class="blurb-rounded__title">当你需要帮助的时候</h6>
                        <p class="blurb-rounded__text">你可以联系我们，我们有在线客服为你解答疑难问题</p>
                    </article>
                </div>
                <div class="col-sm-6 col-md-4">
                    <!-- Box icon-->
                    <article class="blurb blurb-rounded">
                        <div class="blurb-rounded__icon icon custom-font-insurance"></div>
                        <h6 class="blurb-rounded__title">检查&amp; 预防</h6>
                        <p class="blurb-rounded__text">所以入驻我们的员工，都需要登记财产，若有损失我们会通过检查来挽回</p>
                    </article>
                </div>
                <div class="col-sm-6 col-md-4">
                    <!-- Box icon-->
                    <article class="blurb blurb-rounded">
                        <div class="blurb-rounded__icon icon custom-font-wallet"></div>
                        <h6 class="blurb-rounded__title">合理的费用</h6>
                        <p class="blurb-rounded__text">我们会根据当地情况计算出最合理的出租费用，不会漫天要价，也不会突然涨价</p>
                    </article>
                </div>
            </div>
        </div>
    </section>
    <!--     Offers
    <section class="section-lg bg-default">
      <div class="container">
        <div class="row row-40 justify-content-center justify-content-lg-between align-items-center text-center text-lg-left">
          <div class="col-sm-8 col-md-6 col-lg-5 col-xxl-6">
            <div class="img-max-width-1"><img class="img-shadow mt-4 mt-md-0" src="../../static/images/fangzi.jpg" alt="" width="500" height="530"/>
            </div>
          </div>
          <div class="col-md-6">
            <h6>特色房屋</h6>
            <h4>租一套房屋 <br/>免费购买家具</h4>
            <p>这是最新推出的活动，您只要租下左边这套房屋，您将可以从我们的商店免费获得一些家具!</p>
            <h5>价格：</h5>
            <div class="price"><span class="price__aside-top">￥</span><span class="price__main">1500</span><span class="price__aside-bottom">/月</span></div><a class="button button-primary" href="single-property.html">去租用</a>
          </div>
        </div>
      </div>
    </section> -->

    <!-- Testimonials-->

</div>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- Javascript-->
<script src="../../static/js/core.min.js"> </script>
<script src="../../static/js/script.js"></script>
</body>
</html>